.login-detail-modal {
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
}


.login-detail-modal-view {
    position: fixed;
    width: 580px;
    padding: 88px 0 60px 0;
    background-color: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    &-close {
        width: 28px;
        height: 28px;
        background: url("https://bbsfiles.iqoo.com/iqoo-mini/%E5%85%B3%E9%97%AD%402x.png") 0 0 no-repeat;
        background-size: 100% 100%;
        position: absolute;
        right: 20px;
        top: 20px;
    }

    &-logo {
        width: 200px;
        height: 200px;
        background: url("https://bbsfiles.iqoo.com/medals/20230423/source/icon.jpg") 0 0 no-repeat;
        background-size: 100% 100%;
        margin: auto;
    }

    &-content {
        text-align: center;
        font-size: 28px;
        font-family: TIQOOTYPE-Regular;
        font-weight: 400;
        color: #333333;
        line-height: 34px;
        margin: 28px 0 58px 0;
    }

    &-button {
        width: 250rpx;
        line-height: 88rpx;
        background: #000000;
        text-align: center;
        font-size: 28rpx;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #fff;
        margin: auto;

        &-fail {
            background-color: #eee;
            color: #000;
        }

        &-wechat-icon {
            width: 54px;
            height: 44px;
            background: url("https://bbsfiles.iqoo.com/iqoo-mini/%E5%BE%AE%E4%BF%A1%402x.png") 0 0 no-repeat;
            background-size: 100% 100%;
            margin-right: 10px;
        }
    }
}

.agreement-view {
    width: 92%;
    border-radius: 20px;
    background-color: #fff;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 50px 30px;

    &-title {
        text-align: center;
        font-weight: bold;
        font-size: 30px;
        color: #000;
    }

    &-description {
        font-size: 28px;
        color: #000;
        margin-top: 40px;
        text-indent: 60px;

        &-blue {
            // color: #F0B31C;
            color:#4263FF;
            text-decoration: underline;
        }
    }

    &-confirm-view {
        width: 100%;
        margin-top: 30px;

        &-button {
            width: 100%;
            // color: #F0B31C;
            color:#4263FF;
            text-align: center;
            font-size: 28px;
            position: relative;

            &-api {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                opacity: 0;
            }
        }
    }
}